<template>
	<div class="rcomd-tl">
		{{text}}
	</div>
</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: "推荐音乐"
			}
		}
	}
</script>

<style lang="scss">
	.rcomd-tl {
		position: relative;
		padding-left: 9px;
		margin-bottom: 14px;
		font-size: 17px;
		height: 20px;
		line-height: 20px;

		&::after {
			content: " ";
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -9px;
			width: 2px;
			height: 16px;
			background-color: #d33a31;
		}
	}
</style>
